<template>
  <div class="commons">御剑乘风来,除魔天地间!======Commons.vue
    <button @click="n++">按钮==={{ n }}</button>
  </div>
</template>
<script>
export default {
  name: '',
  data(){
    /* 行程一个私有的作用域，防止数据更改了，其他地方使用也出现数据更新 */
   return {
    n:1
   }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
.commons {
  background-color: red;
}
</style>